import React from 'react';
// import logo from './logo.svg';
import './App.css';
// import ContextPage from './pages/ContextPage'
// import MyRcForm from './pages/MyRcForm'
// import TestRedux from './pages/testRedux'
import Pre04SetStateSync from './preview/04-setStateSync'
import Pre05Composite from './preview/05-composite'
import Pre06Redux from './preview/06-redux'
import Pre07ReactRedux from './preview/07-react-redux'
import Pre08RouterPage from "./preview/08-react-router/"
import Pre09PureComponentPage from "./preview/09-PureComponent/"
import Pre10LifeCycle from "./preview/10-lifeCycle"
import Pre12Hooks from "./preview/12-hooks"
import Pre13CustomHook from "./preview/13-customHook"
import Pre14UseMemoAndUseCallback from "./preview/14-useMemoAndUseCallback"
import Pre15CreatePortal from "./preview/15-createPortal"
import Pre16HOC from "./preview/16-HOC"
import Pre17FormComponentForHOC from "./preview/17-formComponentForHOC"

function App() {
  return (
    <div className="App">
      {/*<ContextPage/>*/}
      {/*<hr/>*/}
      {/*<MyRcForm/>*/}
      {/*<hr/>*/}
      {/*<TestRedux/>*/}
      {/*<hr/>*/}
      {/*<Pre04SetStateSync/>*/}
      {/*  <hr/>*/}
      {/*<Pre05Composite/>*/}
      {/*<hr/>*/}
      {/* <Pre06Redux/> */}
      {/* <hr/> */}
      {/* <Pre07ReactRedux/>
        <hr/> */}
      {/* <Pre08RouterPage /> */}
      {/* <hr /> */}
      {/* <Pre09PureComponentPage /> */}
      {/* <hr /> */}
      {/* <Pre10LifeCycle /> */}
      {/* <hr /> */}
      {/* <Pre12Hooks /> */}
      {/* <hr /> */}
      {/*       <Pre13CustomHook />*/}
      {/* <hr /> */}
      {/* <Pre14UseMemoAndUseCallback /> */}
      {/* <hr /> */}
      {/* <Pre15CreatePortal /> */}
      {/* <hr /> */}
      {/* <Pre16HOC /> */}
      {/* <hr /> */}
      <Pre17FormComponentForHOC />
    </div>
  );
}

export default App;
